* {
    color: white;
    background-color: #222;
    font-size: 16px;
    border: 1px solid green;
    flex-grow: 1;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

#start_screen {
    flex-direction: row;
}

#new_project_btn {
    color: white;
    border-radius: 4px;
    background: linear-gradient(to right, #da4453, #89216b);
    box-shadow: 0px 5px 10px black;
    font-size: 30px;
}

#new_project_btn:hover {
    background-color: green;
}

#new_project_btn:active {
    background-color: blue;
}

#project_btn_container {
    flex-direction: row;
    height: 70px;
}

#last_projects_column {
    max-width: 300px;
    margin: 10px;
}

#map_preview_container {
    padding: 20px;
}

#map_preview {
    background: linear-gradient(300deg, #03001e, #7303c0, #ec38bc, #fdeff9);
}